<div class="header">
  <div class="avatar-name">
    <nz-avatar
      [nzText]="avatarText"
      nzSize="64"
      [ngStyle]="{ 'background-color': color }"
      style="vertical-align: middle;"
    >
    </nz-avatar>
    <div class="username">{{ username }},早上好，又是美好的一天！</div>
  </div>

  <nz-row [nzGutter]="16" class="student-statistic">
    <nz-col [nzSpan]="12">
      <nz-statistic
        [nzValue]="classList.length | number"
        [nzTitle]="'班级'"
      ></nz-statistic>
    </nz-col>
    <nz-col [nzSpan]="12">
      <nz-statistic
        [nzValue]="classmemberCount | number: '1.0-2'"
        [nzTitle]="'学生总数'"
      ></nz-statistic>
    </nz-col>
  </nz-row>
</div>

<div class="table-content">
  <nz-card nzTitle="班级信息">
    <div
      nz-card-grid
      [ngStyle]="gridStyle"
      *ngFor="let item of classList"
      (click)="toDashBoard(item.classId)"
    >
      <div>{{ item.classNumber }}</div>
      <p>班级人数: {{ item.membersCount }}</p>
    </div>
  </nz-card>
</div>

<div class="timeline">
  <nz-timeline-item *ngFor="let item of systemNoticeList">{{
    item
  }}</nz-timeline-item>
</div>
